<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Home</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-1.11.0.min.js"></script>
<!-- Custom Theme files -->
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />	
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1">

<meta name="keywords" content="Free Style Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--fonts-->

<!--//fonts-->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript" src="js/mSlider.min.js"></script>
<script type="text/javascript">
					jQuery(document).ready(function($) {
						$(".scroll").click(function(event){		
							event.preventDefault();
							$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
						});
					});
					
					$(function() {
						 $.ajax({
							url : "findStuffAll", 
							dataType : "json", 
							type : "get", 
							async : false, 
							success : function(data) {  
								var html = "";
								for (var i = 0; i < data.length; i++) {  
									var js = data[i];
									html += "<div class='col-md-3 product-left' style='	margin-bottom: 30px;' > <div class='p-one simpleCart_shelfItem'>"+										
											  "<a href='single.html?sid="+js.sid+"'><img src='images/"+js.sImage+ 				
												"' ><div class='mask'><span>查看详情</span></div></a><h4>"+js.sName+
												   "</h4><p><a class='item_add' href='#'><i></i>"+
													 "<span class='item_price'>"+js.sMoney+"</span></a></p>	</div></div>";
								}
								$("#context").html(html);
							},
						})
					})
				</script>	
<!-- start menu -->
<script src="js/simpleCart.min.js"  > </script>
<link href="css/memenu.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="js/memenu.js"></script>
<script>$(document).ready(function(){$(".memenu").memenu();});</script>				
</head>
<body> 
	<!--top-header-->
	<div class="top-header">
	<div class="container">
		<div class="top-header-main">
			<div class="col-md-4 top-header-left">
				<div class="search-bar">
				<form action="products.html">
					<input type="text" name="key" value="Search" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Search';}">
					<input type="submit" value="">
				</form>
				</div>
			</div>
			<div class="col-md-4 top-header-middle" >
				<a href="index.html"><img src="images/logo-x1.png" width="450px"  height="65px;" alt="" /></a>
			</div>
			<div class="col-md-4 top-header-right">
				<div class="cart box_1">
						<a href="checkout.html">
						<h3> <div class="total">
							<span class="simpleCart_total"></span> (<span id="simpleCart_quantity" class="simpleCart_quantity"></span> 件物品)</div>
						</h3>
							<img src="images/cart-1.png" alt="" />
						</a>
						<!-- <p><a href="javascript:;" class="simpleCart_empty">购物车</a></p> -->
						<p ><a href="join.jsp"  class="simpleCart_empty" style="text-decoration: none;" >加入我们</a></p>
						<div id="user">
								<!-- <strong> ${user.userName}</strong>
								<a href="outLogin" style="text-decoration: none;" class="simpleCart_empty" >退出登录</a> -->
						</div>
						<div class="clearfix"> </div>
					</div>
			</div>
					</div>
<script type="text/javascript">
/*  $(function(){
	var userName=;
	var pwd=;
	$.post(
			"login",
			{"userName":userName,"pwd":pwd},
			function(data){
				var json=JSON.parse(data);
				var uesr="";
				for(i in json){
					uesr+="<div><strong> ${user.userName}"+json[i].userName+"</strong >";
					uesr+="<a href='outLogin' style='text-decoration: none;' class='simpleCart_empty' >退出登录</a></div>";
				}
				$("#uesr").append(uesr);
			})
});  */
</script>
			<div class="clearfix"></div>
		</div>
	</div>
</div>
<!--top-header-->
	<!--bottom-header-->
	<div class="header-bottom">
		<div class="container">
			<div class="top-nav">
				<ul class="memenu skyblue"><li class="active"><a href="index.html">首页</a></li>
					
					
					<li class="grid"><a href="#">口红</a>

					</li>
					<li class="grid"><a href="#">彩妆</a>

					</li>
					<li class="grid"><a href="#">面膜</a>

					</li>
					<li class="grid"><a href="#">香水</a>

					</li>
					<li class="grid"><a href="#">套装</a>

					</li>
				</ul>
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
	 
  
	<!--banner-starts-->
	<div class="bnr" id="home">
		<div  id="top" class="callbacks_container">
			<ul class="rslides" id="slider4">
			    <li>
					<div class="banner-1"></div>
				</li>
				<li>
					<div class="banner-2"></div>
				</li>
				<li>
					<div class="banner-3"></div>
				</li>
			</ul>
		</div>
		<div class="clearfix"> </div>
	</div>
	<!--banner-ends--> 
	<!--Slider-Starts-Here-->
				<script src="js/responsiveslides.min.js"></script>
			 <script>
			    // You can also use "$(window).load(function() {"
			    $(function () {
			      // Slideshow 4
			      $("#slider4").responsiveSlides({
			        auto: true,
			        pager: true,
			        nav: false,
			        speed: 500,
			        namespace: "callbacks",
			        before: function () {
			          $('.events').append("<li>before event fired.</li>");
			        },
			        after: function () {
			          $('.events').append("<li>after event fired.</li>");
			        }
			      });
			    });
			  </script>
			<!--End-slider-script-->
	<!--start-banner-bottom--> 
	<div class="banner-bottom">
		<div class="container">
			<div class="banner-bottom-top">
				<div class="col-md-6 banner-bottom-left">
					<div class="bnr-one">
						<div class="bnr-left">
							<h1><a href="single.html">圣诞限量礼盒、倾世香氛、王牌彩妆 、迪奥经典 倾心之选</a></h1>
							<p>为圣诞注入来自DIOR迪奥的幸运魔力，令你星愿成真。</p>
							<div class="b-btn"> 
								<a href="single.html">查看详情</a>
							</div>
						</div>
						<div class="bnr-right"> 
							<a href="single.html"><img src="images/10.jpg" alt=""  width="250px" height="150px;"/></a>
						</div>
						<div class="clearfix"> </div>
					</div>
				</div>
				<div class="col-md-6 banner-bottom-right">
					<div class="bnr-two">
						<div class="bnr-left">
							<h2><a href="single.html">圣诞闪耀礼盒 心悦芳香迪奥王牌唇膏 闪耀圣诞之礼</a></h2>
							<p>多款明星商品可供选择，镌刻姓名、或诚挚的祝福于商品上 </p>
							<div class="b-btn"> 
								<a href="single.html">查看详情</a>
							</div>
						</div>
						<div class="bnr-right"> 
							<a href="single.html"><img src="images/qwe.jpg" alt="" width="250px" height="150px;"/></a>
						</div>
						<div class="clearfix"> </div>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!--end-banner-bottom--> 
	<!--start-shoes--> 
	<div class="shoes"> 
		<div class="container"> 
			<div class="product-one" id="context">
				 
			</div>
		</div>
	</div>
	<!--end-shoes-->
	<!--start-abt-shoe-->
	<div class="abt-shoe">
		<div class="container"> 
			<div class="abt-shoe-main">
				<div class="col-md-4 abt-shoe-left">
					<div class="abt-one">
						<a href="single.html"><img src="images/abt-1.jpg" alt="" /></a>
						<h4><a href="single.html"> </a></h4>
						<p>����Ҷ�ȫ���а���·�粻ƽҽ������  �ó���ʱ�ͳ��֣����벻����   ���˸ó�ҩ��  </p>
					</div>
				</div>
				<div class="col-md-4 abt-shoe-left">
					<div class="abt-one">
						<a href="single.html"><img src="images/abt-2.jpg" alt="" /></a>
						<h4><a href="single.html">Cras dolor ligula</a></h4>
						<p>Phasellus auctor vulputate egestas. Nulla facilisi. Cras dolor ligula, pharetra vitae efficitur ac, tempus vitae nisl. Aliquam erat volutpat. </p>
					</div>
				</div>
				<div class="col-md-4 abt-shoe-left">
					<div class="abt-one">
						<a href="single.html"><img src="images/abt-3.jpg" alt="" /></a>
						<h4><a href="single.html">Cras dolor ligula</a></h4>
						<p>Phasellus auctor vulputate egestas. Nulla facilisi. Cras dolor ligula, pharetra vitae efficitur ac, tempus vitae nisl. Aliquam erat volutpat. </p>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!--end-abt-shoe-->
	<!--start-footer-->
	<div class="footer">
		<div class="container">
			<div class="footer-top">
				<div class="col-md-3 footer-left">
					<h3>ABOUT US</h3>
					<ul>
						<li><a href="#">Who We Are</a></li>
						<li><a href="contact.html">Contact Us</a></li>
						<li><a href="#">Our Sites</a></li>
						<li><a href="#">In The News</a></li>
						<li><a href="#">Team</a></li>
						<li><a href="#">Carrers</a></li>					 
					</ul>
				</div>
				<div class="col-md-3 footer-left">
					<h3>YOUR ACCOUNT</h3>
					<ul>
						<li><a href="account.html">Your Account</a></li>
						<li><a href="#">Personal Information</a></li>
						<li><a href="contact.html">Addresses</a></li>
						<li><a href="#">Discount</a></li>
						<li><a href="#">Track your order</a></li>					 					 
					</ul>
				</div>
				<div class="col-md-3 footer-left">
					<h3>CUSTOMER SERVICES</h3>
					<ul>
						<li><a href="#">FAQ</a></li>
						<li><a href="#">Shipping</a></li>
						<li><a href="#">Cancellation</a></li>
						<li><a href="#">Returns</a></li>
						<li><a href="#">Bulk Orders</a></li>
						<li><a href="#">Buying Guides</a></li>					 
					</ul>
				</div>
				<div class="col-md-3 footer-left">
					<h3>CATEGORIES</h3>
					<ul>
						<li><a href="#">Sports Shoes</a></li>
						<li><a href="#">Casual Shoes</a></li>
						<li><a href="#">Formal Shoes</a></li>
						<li><a href="#">Party Shoes</a></li>
						<li><a href="#">Ethnic</a></li>				 
					</ul>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!--end-footer-->
	<!--end-footer-text-->
	<div class="footer-text">
		<div class="container">
			<div class="footer-main">
				<p class="footer-class">Copyright &copy; 2015.Company name All rights reserved.More Templates  - Collect from ���ϲ�������ѧԺ</p>
			</div>
		</div>
		<script type="text/javascript">
									$(document).ready(function() {
										/*
										var defaults = {
								  			containerID: 'toTop', // fading element id
											containerHoverID: 'toTopHover', // fading element hover id
											scrollSpeed: 1200,
											easingType: 'linear' 
								 		};
										*/
										$().UItoTop({ easingType: 'easeOutQuart' });
									});
								</script>
		<a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
	</div>
	<!--end-footer-text-->	
</body>
</html>